<script setup lang="ts">
import { ref, type Ref, reactive, computed } from 'vue'
import { useStoreInfoStore } from '@/store/modules/storeInfo'
import type { DoGetStoreInfoByShopAssistantPhoneResponse } from '@/apis/home/model'

const $useStoreInfoStore = useStoreInfoStore()
const submitForm = computed(() => {
  return $useStoreInfoStore.shopStoreInfo
}) as Ref<DoGetStoreInfoByShopAssistantPhoneResponse>
const list = computed(() => submitForm.value.storeImg.split(','))
</script>

<template>
  <view class="manage">
    <u-swiper :list="list" height="500"></u-swiper>
    <view class="manage__info">
      <view class="manage__info-item">
        <view class="manage__info-item--title">门店名称</view>
        <view class="manage__info-item--content">{{ submitForm.storeName }}</view>
      </view>
      <view class="manage__info-item">
        <view class="manage__info-item--title">营业时间</view>
        <view class="manage__info-item--content">{{ submitForm.businessStartTime }}-{{ submitForm.businessEndTime }} </view>
      </view>
      <view class="manage__info-item">
        <view class="manage__info-item--title">门店负责人</view>
        <view class="manage__info-item--content">{{ submitForm.functionaryName }}</view>
      </view>
      <view class="manage__info-item">
        <view class="manage__info-item--title">负责人手机号</view>
        <view class="manage__info-item--content">{{ submitForm.functionaryPhone }}</view>
      </view>
      <view class="manage__info-item">
        <view class="manage__info-item--title">提货时间</view>
        <view class="manage__info-item--content"> {{ submitForm.startDeliveryDay }}天后开始提货，{{ submitForm.endDeliveryDay }} 天后结束提货 </view>
      </view>
      <view class="manage__info-item">
        <view class="manage__info-item--title">详细地址</view>
        <view class="manage__info-item--content">{{ submitForm.detailedAddress }}</view>
      </view>
    </view>
  </view>
</template>

<style lang="scss" scoped>
page {
  background: #fff;
}
@include b(manage) {
  @include e(info) {
  }
  @include e(info-item) {
    padding: 36rpx 30rpx;
    font-size: 26rpx;
    display: flex;
    align-items: center;
    @include m(title) {
      font-weight: bold;
      width: 180rpx;
      margin-right: 40rpx;
    }
    @include m(content) {
    }
  }
}
</style>
